<?xml version="1.0" encoding="UTF-8"?>
<!--
Copyright 2014 Bauer-Live Softwaredevelopment.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui"
      xmlns:hf="http://highfaces.org">

    <h:head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>HighFaces Showcase</title>

        <h:outputStylesheet library="css" name="style.css"/>

    </h:head>

    <h:body style="margin:0 auto">
        <f:view id="main" 
                contentType="text/html; charset=UTF-8">

            <h:form id="form" prependId="true">
                <div class="stop">
                    <div class="sleft">

                    </div>
                    <div class="sright">
                        <h:outputText styleClass="big" value="HighFaces Showcase" />
                    </div>
                </div>
                <div class="smain">

                    <div class="sleft">
                        <p:panelMenu id="mainmenu" >
                            <p:submenu label="Line Chart" >
                                <p:menuitem value="Simple List" outcome="line_simple" icon="ui-icon-signal" />
                                <p:menuitem value="POJO List" outcome="line_pojo" icon="ui-icon-signal" />
                                <p:menuitem value="Map with POJO List" outcome="line_map" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="Area Chart">
                                <p:menuitem value="Simple List" outcome="area_simple" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="Bar Chart">
                                <p:menuitem value="Simple List" outcome="bar_simple" icon="ui-icon-signal" />
                                <p:menuitem value="POJO List" outcome="bar_pojo" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="Column Chart">
                                <p:menuitem value="Simple List" outcome="column_simple" icon="ui-icon-signal" />
                                <p:menuitem value="Stacked Columns" outcome="column_stacked" icon="ui-icon-signal" />
                                <p:menuitem value="Selection" outcome="selection_column" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="Pie Chart">
                                <p:menuitem value="Pie Chart" outcome="pie" icon="ui-icon-signal" />  
                                <p:menuitem value="Customized Labels" outcome="pie_datalabel" icon="ui-icon-signal" />
                            </p:submenu>   
                            <p:separator />
                            <p:submenu label="ChartSerie">
                                <p:menuitem value="Simple List" outcome="series_simple" icon="ui-icon-signal" />
                                <p:menuitem value="Combining different types" outcome="series_combined" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="ChartAxis">
                                <p:menuitem value="Simple Axis" outcome="axis_simple" icon="ui-icon-signal" />
                                <p:menuitem value="Multiple Axes" outcome="axis_multi" icon="ui-icon-signal" />
                                <p:menuitem value="Date Axes" outcome="axis_date" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="ChartLegend">
                                <p:menuitem value="Simple Legend" outcome="legend_simple" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="ChartTooltip">
                                <p:menuitem value="Simple Tooltip" outcome="tooltip_simple" icon="ui-icon-signal" />
                                <p:menuitem value="Advanced Tooltip" outcome="tooltip_advanced" icon="ui-icon-signal" />
                            </p:submenu>
                            <p:submenu label="ChartModel API">
                                <p:menuitem value="Defining Series in Code" outcome="chartmodel" icon="ui-icon-signal" />
                            </p:submenu>
                        </p:panelMenu>
                    </div>
                    <div class="sright" style='background-color: white;'    >
                        <div class="gradigray" style="margin: -20px;padding: 20px;margin-bottom: 40px;">
                            <h1><ui:insert name="headline">HighFaces Showcase</ui:insert></h1>
                            <h3><ui:insert name="description">The demo application demonstrates you various showcases for the HighFaces components.</ui:insert></h3>
                        </div>
                        <p:outputPanel layout="block" style="margin-top:50px">
                            The showcase runs on a very basic setup, using Tomcat 6, JSF 2.1 and Java 7. The additional components are from PrimeFaces 5.1.<br /><br/>
                            Please use the left side menu to navigate to the component and use case of your interest. Besides the main feature, every showcase from the left side demonstrates an additional feature which is common to all other use cases as well.<br/>
                            <br/><br/>
                            Full source code of the showcase can be found next to HighFaces source code on code.google.com and is also under Apache 2.0 License.<br/>
                        </p:outputPanel>
                        <div class='gradigray' style='margin: -20px;padding: 20px;margin-bottom: 20px;border-top:1px solid #cccccc;margin-top:40px;text-align: center;'>
                            If you use HighFaces in your project, please consider visiting highcharts.com as you might need a license for it.<br/><br/>
                            If you need additional features in HighFaces components, support, etc., please contact bauer-live softwaredevelopment.
                        </div>

                    </div>
                    <div style='border-top:1px solid #cccccc;' class='footer'>
                        <div style='float:right;padding:30px;'>
                            Running on #{highFaces.version}
                        </div>
                        <div style='display:inline-block;padding:30px;'>
                            &copy; 2014 by <a href="http://www.bauer-live.com">bauer-live softwaredevelopment</a><br/>
                            All rights reserved
                        </div>
                    </div>
                </div>
            </h:form>
        </f:view>
    </h:body>
</html>
